<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>店铺街</title>
    <!-- 头部 -->
    <link rel="stylesheet" href="../css/header.css">
    <!-- 尾部 -->
    <link rel="stylesheet" href="../css/footer.css">
    <!-- 店铺街 -->
    <link rel="stylesheet" href="../css/dianpujie.css">
    <!-- 侧边栏 -->
    <link rel="stylesheet" href="../css/aside.css">
    <!-- 字体图标 -->
    <link rel="stylesheet" href="../font/font_ci2t0c45xo6/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="header-nav">
            <div class="header-site-nav">
                <div class="header-main">
                    <!-- 地区块 -->
                    <div class="header-f1">
                        <div class="header-city-check">
                            <div class="header-f1-city">
                                <i>
                                    <img src="../img/header-img/city-address.png" alt="" width='25px' height='26px'>
                                </i>
                                <span class="header-address">郑州市</span>
                            </div>
                            <div class="header-city-mask"></div>
                            <div class="header-address-choose"></div>
                        </div>
                        <div class="header-f1-tetx-info">
                            <a href="#" class="header-a-red">请登录</a>
                            <a href="#">免费注册</a>
                        </div>
                    </div>
                    <!-- 头部右侧导航 -->
                    <ul>
                        <li>
                            <div>
                                <a href="#">我的订单</a>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="#">我的浏览</a>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="#">我的收藏</a>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="#">客户服务</a>
                            </div>
                        </li>
                        <li class="header-list-last">
                            <div>
                                <a href="#">网站导航
                                    <i class="iconfont icon-xiala"></i>
                                </a>

                            </div>
                            <div class="header-list-mask"></div>
                            <div class="header-list-last-div">
                                <div class="header-list-last-div-l">
                                    <dl>
                                        <dt>特色主题</dt>
                                        <dd>
                                            <div>
                                                <a href="#">家用电器</a>
                                            </div>
                                            <div>
                                                <a href="#">男装女装</a>
                                            </div>
                                            <div>
                                                <a href="#">鞋靴箱包</a>
                                            </div>
                                        </dd>
                                    </dl>
                                </div>
                                <div class="header-list-last-div-r">
                                    <dl>
                                        <dt>促销活动</dt>
                                        <dd>
                                            <div>
                                                <a href="#">拍卖活动</a>
                                            </div>
                                            <div>
                                                <a href="#">共创商品</a>
                                            </div>
                                            <div>
                                                <a href="#">积分商城</a>
                                            </div>
                                            <div>
                                                <a href="#">CMS频道</a>
                                            </div>
                                            <div>
                                                <a href="#">优惠活动</a>
                                            </div>
                                            <div>
                                                <a href="#">超值礼包</a>
                                            </div>
                                            <div>
                                                <a href="#">优惠券</a>
                                            </div>
                                            <div>
                                                <a href="#">礼品卡</a>
                                            </div>
                                            <div>
                                                <a href="#">预售商品</a>
                                            </div>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 查询部分 -->
        <div class="header-w">
            <div class="header-logo">
                <a href="#">
                    <img src="../img/header-img/shop_logo.gif" alt="" width="159px" height="57px">
                </a>
            </div>
            <div class="header-search">
                <div class="header-search-input">
                    <form action="post">
                        <input type="text" placeholder="内衣">
                        <button class="header-search-for">搜商品</button>
                        <button class="header-search-need">搜店铺</button>
                    </form>
                </div>
                <ul>
                    <li>
                        <a href="#">周大福</a>
                    </li>
                    <li>
                        <a href="#">内衣</a>
                    </li>
                    <li>
                        <a href="#">Five Plus</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                    </li>

                </ul>
            </div>
            <div class="header-mycart">
                <div class="header-mycart-con">
                    <a href="#">
                        <i class="iconfont icon-gouwuchekong"></i>
                        <span>我的购物车</span>
                        <p>0</p>
                    </a>
                </div>
                <div class="header-mycart-mask"></div>
                <div class="header-mycart-buy">
                    <div>
                        <b></b>
                        <span>购物车中还没有商品，赶紧选购吧</span>
                    </div>
                </div>
            </div>
        </div>

        <!-- 商品分类导航 -->

        <div class="header-nav-list">
            <main>
                <div class="header-com-goods">全部商品分类</div>
                <!--自行修改当前页面的分类  -->
                <!-- 记得加自己页面下的a标签加 class  header-nav-active -->
                <ul>
                    <li>
                        <a href="../index.html">首页</a>
                    </li>
                    <li>
                        <a href="gehumeizhuang.html">个护美妆</a>
                    </li>
                    <li>
                        <a href="fuzhuang.html">服装城</a>
                    </li>
                    <li>
                        <a href="jiayongdianqi.html">家用电器</a>
                    </li>
                    <li>
                        <a href="xxxb.html">鞋靴箱包</a>
                    </li>
                    <li>
                        <a href="juhuasuan.html">聚划算</a>
                    </li>
                    <li>
                        <a href="yushou.html">预售</a>
                    </li>
                    <li>
                        <a href="dianpujie.html" style="color: red;">店铺街</a>
                    </li>
                    <li>
                        <a href="pinpaizhuanqu.html">品牌专区</a>
                    </li>
                    <li>
                        <a href="announcement.html">公告</a>
                    </li>
                </ul>
            </main>
            <!-- <section>
                <ul>
                    <li>
                        <i></i>
                        <a href="">家用电器</a>
                        <a href="">厨房电器</a>
                        <a href="">大家电</a>
                    </li>
                    <li>
                        <i></i>
                        <a href="">家用电器</a>
                        <a href="">厨房电器</a>
                        <a href="">大家电</a>
                    </li>
                </ul>
                <div class="ul_li_box"></div>
            </section> -->
        </div>
    </header>
    <!-- 图片 -->
    <div class="bannnner">
        <div class="bannn_a">
            <a href="javascript:void(0);" class="dpj"></a>
            <!-- <img src="https://x.dscmall.cn/storage/data/afficheimg/1489190636366732843.jpg" alt=""> -->
        </div>
    </div>
    <!-- 主区域 -->
    <div class="main">
        <section class="sec1">
            <div>
                <div class="sec1_tit">分类:</div>
                <ul class="sec1_ul">
                    <li><a href="javascript:void(0);" id="colors">全部</a></li>
                    <li><a href="javascript:void(0);">家用电器</a></li>
                    <li><a href="javascript:void(0);">男装女装</a></li>
                    <li><a href="javascript:void(0);">鞋靴箱包</a></li>
                    <li><a href="javascript:void(0);">手机数码</a></li>
                    <li><a href="javascript:void(0);">电脑办公</a></li>
                    <li><a href="javascript:void(0);">家居家纺</a></li>
                    <li><a href="javascript:void(0);">个人化妆</a></li>
                    <li><a href="javascript:void(0);">休闲运动</a></li>
                    <li><a href="javascript:void(0);">知识付费</a></li>
                </ul>
            </div>
            <div>
                <div class="sec1_tit">省份:</div>
                <ul class="sec1_ul">
                    <li><a href="javascript:void(0);" id="colors">全部</a></li>
                    <li><a href="javascript:void(0);">北京市</a></li>
                    <li><a href="javascript:void(0);">天津市</a></li>
                    <li><a href="javascript:void(0);">河北省</a></li>
                    <li><a href="javascript:void(0);">山西省</a></li>
                    <li><a href="javascript:void(0);">内蒙古</a></li>
                    <li><a href="javascript:void(0);">辽宁省</a></li>
                    <li><a href="javascript:void(0);">吉林省</a></li>
                    <li><a href="javascript:void(0);">黑龙江省</a></li>
                    <li><a href="javascript:void(0);">上海市</a></li>
                    <li><a href="javascript:void(0);">江苏省</a></li>
                    <li><a href="javascript:void(0);">浙江省</a></li>
                    <li><a href="javascript:void(0);">安徽省</a></li>
                    <li><a href="javascript:void(0);">福建省</a></li>
                    <li><a href="javascript:void(0);">江西省</a></li>
                    <li><a href="javascript:void(0);">山东省</a></li>
                    <li><a href="javascript:void(0);">河南省</a></li>
                    <li><a href="javascript:void(0);">湖北省</a></li>
                    <li><a href="javascript:void(0);">湖南省</a></li>
                    <li><a href="javascript:void(0);">广东省</a></li>
                    <li><a href="javascript:void(0);">广西省</a></li>
                    <li><a href="javascript:void(0);">海南省</a></li>
                    <li><a href="javascript:void(0);">重庆市</a></li>
                    <li><a href="javascript:void(0);">四川省</a></li>
                    <li><a href="javascript:void(0);">贵州省</a></li>
                    <li><a href="javascript:void(0);">云南省</a></li>
                    <li><a href="javascript:void(0);">西藏自治区</a></li>
                    <li><a href="javascript:void(0);">陕西省</a></li>
                    <li><a href="javascript:void(0);">甘肃省</a></li>
                    <li><a href="javascript:void(0);">青海省</a></li>
                    <li><a href="javascript:void(0);">宁夏自治区</a></li>
                    <li><a href="javascript:void(0);">新疆自治区</a></li>
                    <li><a href="javascript:void(0);">台湾</a></li>
                    <li><a href="javascript:void(0);">香港</a></li>
                    <li><a href="javascript:void(0);">澳门</a></li>
                </ul>
            </div>
            <div>
                <div class="sec1_tit">排序方式:</div>
                <ul class="sec1_ul3 ">
                    <li><a href="javascript:void(0);" class="sec1_ul3_a">
                            <span>热门</span>
                            <i class="iconfont icon-arrowrise"></i>
                        </a></li>
                    <li><a href="javascript:void(0);" class="sec1_ul3_a">
                            <span>销量</span>
                            <i class="iconfont icon-arrowrise"></i>
                        </a></li>
                    <li><a href="javascript:void(0);" class="sec1_ul3_a">
                            <span>评分</span>
                            <i class="iconfont icon-arrowrise"></i>
                        </a></li>
                </ul>
            </div>
        </section>
        <section class="seccc2"></section>
        <section class="sec3">
            <div>
                <div class="sec3_item prev"><a href="javascript:void(0);" id="aaa">&lt;</a></div>
                <div class="sec3_item one"><a href="javascript:void(0);" class="aa1" id="aaa aa1">1</a></div>
                <div class="sec3_item two"><a href="javascript:void(0);" class="aa2" id="aaa">2</a></div>
                <div class="sec3_item next"><a href="javascript:void(0);" id="aaa">&gt;</a></div>
            </div>
        </section>
    </div>
    <!-- 侧边栏 -->
    <aside>
        <div class="aside">
            <div class="aside_up">
                <ul>
                    <li class="aside_up_li">
                        <a href=""><i class="setting"></i></a>
                        <div class="status_login">
                            <div class="avatar_box">
                                <p class="avatar_imgbox">
                                    <img src="https://x.dscmall.cn/themes/ecmoban_dsc2017/images/touxiang.jpg"
                                        width="100" height="100">
                                </p>
                                <ul class="user_info">
                                    <li>用户名：暂无</li>
                                    <li>级别：暂无</li>
                                </ul>
                            </div>
                            <div class="login_btn">
                                <a href="javascript:void(0);" class="dingdan">我的订单</a>
                                <a href="javascript:void(0);" class="shoucang">我的收藏</a>
                            </div>
                            <span class="iconfont icon-triangle24"></span>
                        </div>
                    </li>
                    <li class="shopcart aside_lis">
                        <a href="javascript:void(0)" class="a_l_tuubiao">
                            <i class="message"></i>
                            <div class="span">购物车</div>
                            <span class="cart_num">0</span>
                        </a>
                    </li>
                    <li class="aside_lis">
                        <a href="javascript:void(0);" class="a_l_tuubiao"><i class="chongzhi"></i></a>
                        <div class="myOrder">
                            <span style="font-size: 12px; cursor: pointer;">我的订单</span>
                            <span class="iconfont icon-triangle24 iconmy"></span>
                        </div>
                    </li>
                    <li class="aside_lis">
                        <a href="javascript:void(0);" class="a_l_tuubiao"><i class="yhq"></i></a>
                        <div class="myOrder">
                            <span style="font-size: 12px; cursor: pointer;">优惠券</span>
                            <span class="iconfont icon-triangle24 iconmy"></span>
                        </div>
                    </li>
                    <li class="aside_lis">
                        <a href="javascript:void(0);" class="a_l_tuubiao"><i class="view"></i></a>
                        <div class="myOrder">
                            <span style="font-size: 12px; cursor: pointer;">我的资产</span>
                            <span class="iconfont icon-triangle24 iconmy"></span>
                        </div>
                    </li>
                    <li class="aside_lis">
                        <a href="javascript:void(0);" class="a_l_tuubiao"><i class="zuji"></i></a>
                        <div class="myOrder">
                            <span style="font-size: 12px; cursor: pointer;">我的足迹</span>
                            <span class="iconfont icon-triangle24 iconmy"></span>
                        </div>
                    </li>
                    <li class="aside_lis">
                        <a href="javascript:void(0);" class="a_l_tuubiao"><i class="wdsc"></i></a>
                        <div class="myOrder">
                            <span style="font-size: 12px; cursor: pointer;">我的收藏</span>
                            <span class="iconfont icon-triangle24 iconmy"></span>
                        </div>
                    </li>
                    <li class="aside_lis">
                        <a href="javascript:void(0);" class="a_l_tuubiao"><i class="email"></i></a>
                        <div class="myOrder">
                            <span style="font-size: 12px; cursor: pointer;">邮箱订阅</span>
                            <span class="iconfont icon-triangle24 iconmy"></span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="aside_dn">
                <ul>
                    <li class="aside_lis">
                        <a href="javascript:void(0);" class="a_l_tuubiao"><i class="kfzx"></i></a>
                        <div class="myOrder">
                            <span style="font-size: 12px; cursor: pointer;">客服中心</span>
                            <span class="iconfont icon-triangle24 iconmy"></span>
                        </div>
                    </li>
                    <li class="returnTop aside_lis">
                        <a href=""><i class="top"></i></a>
                    </li>
                </ul>
            </div>
        </div>

    </aside>
    <div class="aside_shop">
        <a href="javascript:void(0)" class="qx" title="关闭"></a>
        <div class="aside_shop_tit">
            <h3>购物车</h3>
        </div>
        <div class="aside_cont">
            <section class="aside_cont_up">
                <div class="kong">
                    <b></b>
                    <div class="kong_tit">
                        购物车空空的，赶快去挑选心仪的商品吧~<br>
                        <a href="javascript:void(0);">去首页看看</a>
                    </div>
                </div>
            </section>
            <section class="aside_cont_dn">
                <div class="jiesuan">
                    <span>共<span> 0 </span>件商品</span>
                    <span>￥0.00</span>
                </div>
                <a href="javascript:void(0);">去购物车结算</a>
            </section>
        </div>
    </div>
    <!-- 尾部 -->
    <footer>
        <div class="footer-top">
            <section>
                <main>
                    <div class="footer-service-item footer-icon-001">
                        <i></i>
                        <span>七天包换</span>
                    </div>
                    <div class="footer-service-item footer-icon-002">
                        <i></i>
                        <span>正品保障</span>
                    </div>
                    <div class="footer-service-item footer-icon-003">
                        <i></i>
                        <span>好评如潮</span>
                    </div>
                    <div class="footer-service-item footer-icon-004">
                        <i></i>
                        <span>闪电发货</span>
                    </div>
                    <div class="footer-service-item footer-icon-005">
                        <i></i>
                        <span>权威荣誉</span>
                    </div>
                    <div class="footer-service-item footer-icon-006">
                        <i></i>
                        <span>4001-021-758</span>
                    </div>
                    <div class="footer-service-item footer-icon-007">
                        <a href="#">
                            <i></i>
                            <span>咨询客服</span>
                        </a>
                    </div>
                </main>
            </section>
        </div>
        <div class="footer-com">
            <div class="footer-links clearfix">
                <dl class="footer-article-item">
                    <dt>新手上路</dt>
                    <dd>
                        <a href="#">售后流程</a>
                    </dd>
                    <dd>
                        <a href="#">购物流程</a>
                    </dd>
                    <dd>
                        <a href="#">订购方式</a>
                    </dd>
                </dl>
                <dl class="footer-article-item">
                    <dt>配送与支付</dt>
                    <dd>
                        <a href="#">货到付款区域</a>
                    </dd>
                    <dd>
                        <a href="#">配送支付智能查询</a>
                    </dd>
                    <dd>
                        <a href="#">支付方式说明</a>
                    </dd>
                </dl>
                <dl class="footer-article-item">
                    <dt>服务保证</dt>
                    <dd>
                        <a href="#">退换货原则</a>
                    </dd>
                    <dd>
                        <a href="#">售后服务保证</a>
                    </dd>
                    <dd>
                        <a href="#">产品质量保证</a>
                    </dd>
                </dl>
                <dl class="footer-article-item">
                    <dt>联系我们</dt>
                    <dd>
                        <a href="#">网站故障报告</a>
                    </dd>
                    <dd>
                        <a href="#">选机咨询</a>
                    </dd>
                    <dd>
                        <a href="#">投诉与建议</a>
                    </dd>
                </dl>
                <dl class="footer-article-item">
                    <dt>会员中心</dt>
                    <dd>
                        <a href="#">资金管理</a>
                    </dd>
                    <dd>
                        <a href="#">我的收藏</a>
                    </dd>
                    <dd>
                        <a href="#">我的订单</a>
                    </dd>
                </dl>
                <dl class="footer-contact-item">
                    <div class="footer-ewm">
                        <img src="../img/header-img/ecjia_qrcode.jpg" alt="">
                        <p>关注微信</p>
                    </div>
                </dl>
                <dl class="footer-contact-item">
                    <div class="footer-ewm">
                        <img src="../img/header-img/ectouch_qrcode.jpg" alt="">
                        <p>下载APP</p>
                    </div>
                </dl>
            </div>
            <div class="footer-others">
                <ul class="footer-others-title-list clearfix">
                    <li>
                        <a href="#">首页</a><span>|</span>
                    </li>
                    <li>
                        <a href="#">隐私保护</a><span>|</span>
                    </li>
                    <li>
                        <a href="#">联系我们</a><span>|</span>
                    </li>
                    <li>
                        <a href="#">免责条款</a><span>|</span>
                    </li>
                    <li>
                        <a href="#">公司简介</a><span>|</span>
                    </li>
                    <li>
                        <a href="#">商家入驻</a><span>|</span>
                    </li>
                    <li>
                        <a href="#">供应商入驻</a><span>|</span>
                    </li>
                    <li>
                        <a href="#">意见反馈</a>
                    </li>
                </ul>
                <ul class="footer-others-title-list clearfix">
                    <li>
                        <a href="#">b2b2c</a><span>|</span>
                    </li>
                    <li>
                        <a href="#"> 多用户商城系统 </a><span>|</span>
                    </li>
                    <li>
                        <a href="#"> 商城系统</a><span>|</span>
                    </li>
                    <li>
                        <a href="#">ecjia新零售</a>
                    </li>
                </ul>
                <div class="footer-copyright">
                    <p>ICP备案证书号:沪ICP备14029880号-5</p>
                    <p>版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</p>
                </div>
            </div>

        </div>
    </footer>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/allData.js"></script>
    <script src="../js/aside.js"></script>
    <script src="../js/dianpujie.js"></script>
    <script src="../js/dianpujiexiangqingye.js"></script>
</body>

</html>